@charset "UTF-8";
body,
.header-wrap,
.headList-nav--fix {
    background: #f3f3f3;
}
/* page */
.ranking-hospital{   
    background: #f3f3f3;
}
/* list */
.myListCon{
    margin: 0 .1rem;
}
.ranking-list .ranking-li{
    position: relative;
    padding: .2rem .1rem 1px;
    background: var(--textf-color);
    border-bottom: .1rem solid #f3f3f3;
}
.ranking-list .ranking-li:first-child{
    padding-top: 0.1rem;
}
.ranking-list .li-hospital{
    position: relative;
    margin-bottom: .2rem;
}
.ranking-list .ranking-li .ranking-num{
    margin-right: .15rem;
    width: .24rem;height: .24rem;
    background: #DBDBDB;
    border-radius: .04rem;
    font-size: .16rem; color: var(--text6-color);
    text-align: center;line-height: .24rem;
}
.ranking-list .ranking-li:nth-child(1) .ranking-num{
    background-color: #FF3333;
    color: var(--textf-color);
}
.ranking-list .ranking-li:nth-child(2) .ranking-num{
    background-color: #FE6600;
    color: var(--textf-color);
}
.ranking-list .ranking-li:nth-child(3) .ranking-num{
    background-color: #FAAA0F;
    color: var(--textf-color);
}

.ranking-list .ranking-li .ranking-img{
    margin-right: .08rem;
    width: .44rem;height: .44rem;
}
.ranking-list .ranking-li .ranking-name{
    margin-right: 20px;
    margin-bottom: .05rem;
    font-size: .17rem; color: var(--text1f-color);
    line-height: 1.3;font-weight: bold;
    -webkit-line-clamp: initial;
}
.ranking-list .ranking-li .ranking-tags{
    font-size: .12rem; color: var(--text6-color);
    line-height: 1.1;
}
.ranking-list .ranking-li .ranking-tags span{
    margin-right: .04rem;
}
.ranking-list .ranking-li .li-hospital:after{
    content: '';
    position: absolute;
    top: 50%; right: 0;
    margin-top: -.06rem;
    width: .12rem; height: .12rem;
    background-image:url('');
    background-size: .12rem;
    background-position: center;
    background-repeat: no-repeat;
}
.ranking-list .ranking-li .li-content{
    margin-bottom: .1rem;
    background: linear-gradient(180.05deg, #20CCB5 0.04%, #01C9BC 97.02%);
    border-radius: 2px;
}
.ranking-list .ranking-li .li-content .li-reasons{
    padding: .16rem .08rem .12rem .12rem;
    font-size: .13rem; 
	color: var(--textf-color);
    line-height: .24rem;
    letter-spacing: 0.4px;
}
.ranking-list .ranking-li .li-links{
    padding-bottom: .16rem;
}
.ranking-list .ranking-li .li-links .icon{
    display: block;
    margin: 0 auto .04rem;
    width: .26rem;height: .26rem;
    background-size: cover;
    background-repeat: no-repeat;
}
.ranking-list .ranking-li .li-links p{
    text-align: center;
    font-size: .12rem; color: #1D1E23;
}
.ranking-list .ranking-li .li-links .no-click{
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    opacity: .6;
}
.icon-registerlist{
    background-image:url('../images/top1.png');
}
.icon-asklist{
    background-image:url('../images/top2.png');
}
.icon-phone{
    background-image:url('../images/top3.png');
}
.icon-doctorlist{
    background-image:url('../images/top4.png');
}
.icon-comment{
    background-image:url('../images/top5.png');
}
.ranking-list .ranking-li .z-onlineExpertsIn{
    padding: 0;margin: .18rem 0 .2rem;
    background: #fff;
}
.ranking-list .ranking-li .z-onEx-title-one {
    margin: 0.05rem 0;
    padding: 0 .02rem;
}
.ranking-list .ranking-li .block-doclist .onEx-docLi{
    margin: 0.06rem 0.02rem 0.12rem;
}
.ranking-list .ranking-li .i-ranking{
    margin-right: 0.04rem;
    width: 0.16rem;
    height: 0.16rem;
    background-image:url('../images/doc.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.ranking-list .ranking-li .block-doclist .onEx-docLi .doc-portrait {
    margin-top: 0.04rem;
}
.ranking-list .ranking-li .block-doclist .onEx-docLi .doc-info .doc-info--1{
    margin-bottom: .06rem;
}
.ranking-list .ranking-li .block-doclist .onEx-docLi .doc-info .doc-info-right{
    margin-bottom: .05rem;
}
.block-doclist .onEx-docLi .doc-info .doc-tag span{
    line-height: .4rem;
    font-weight: 700;
}
.block-doclist .onEx-docLi .doc-info .doc-tag{
    height: 0.16rem;
    margin-bottom: 0.02rem;
}
.block-doclist .onEx-docLi .doc-info .doc-price{
    min-height: .18rem;
}